<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    /**
        相邻兄弟选择器 + 只选择元素相邻的符合的元素
        通用兄弟选择器 ~ 选择
     */
    div+p{
        color: red;
    }
    p+p{
        color: yellow;
    }
    p~p {
        font-size: 100px;
    }
</style>
<body>
    <p>1</p>
    <div>你好</div>
    <p>2</p>
    <p>3</p>
    <p>4</p>
</body>
</html>